<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>{$data.name}立即购买-小米商城</title>
		<link rel="stylesheet" type="text/css" href="/Public/Home/styles/shangpinxiangqing1.css"/>
		<script src="/Public/Home/js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
        <script src="/Public/Home/js/new_file.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="top1">
			<div id="top1-back">
				<img src="/Public/Home/images/third-logo.png" alt="" />
				<div id="top1-right">
                    <empty name="Think.session.id">
                        <a href="{:U('Index:login')}">登录</a>
                        <span class="second-floor-menu-span">|</span>
                        <a href="{:U('Index:register')}">注册</a>
                        <else />
                        <a href="#">{$user}，您好！</a>
                    </empty>
				</div>
			</div>
		</div>
		<div id="center1">
			<div id="center-bottom" style="position: relative;">
				<div class="center-imgback">
                    <canvas id="panel" width="600px" height="600px" data-src="{$data.address}"></canvas>
				</div>
                <form action="{:U('Index/shangpinxiangqing1_action')}" method="post">
				<div id="center-right">
					<div id="center-right-1">
						<h1>购买{$data.name}<span>{$data.price}元</span></h1>
					</div>
					<p id="center-right-p">{$data.content}</p>
					<div id="center-right-bottom">
						<div id="center-right-bottom-1">
							<div class="center-right-bottom-1-first">
								<span class="span1">1. 选择版本</span>&nbsp;<span class="span2">高通骁龙820处理器 最高主频 1.8GHz，3GB内存，32GB容量，全网通3.0</span>
							</div>
							<div class="center-right-bottom-1-second">
								<ul>
                                    <foreach name="data['edition']" item="vo" key="k">
                                        <label for="type{$k}"><li class="edition" onclick="fun(this)">{$vo}</li></label>
                                        <input class="radio" type="radio" value="{$vo}" name="type" id="type{$k}"/>
                                    </foreach>
								</ul>
							</div>
						</div>
						<div id="center-right-bottom-2">
							<div class="center-right-bottom-1-first">
								<span class="span1">2. 选择颜色 </span>
							</div>
							<div class="center-right-bottom-1-second">
                                <ul>
                                    <foreach name="data['color']" item="vo" key="k">
                                        <label for="color{$k}"><li class="color" onclick="fun1(this)">{$vo}</li></label>
                                        <input class="radio" type="radio" value="{$vo}" name="color" id="color{$k}"/>
                                    </foreach>
                                </ul>
							</div>
                            <input class="radio" type="text" value="{$data.id}" name="id"/>
                            <div class="center-right-bottom-1-first">
                                <span class="span1">3. 选择数量：&nbsp;<input type="number" min="1" onfocus=this.blur() name="number" value="1" style="width: 40px"></span>
                            </div>
							<div>
								<span id="span3">您选择了以下产品:</span>
								<p id="center-right-bottom-p"></p>
                                <p id="center-right-bottom-p1"></p>
							</div>
							<button type="submit">加入购物车</button>
						</div>
					</div>
				</div>
                </form>
			</div>
		</div>
	</body>
</html>
